<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>智慧党建-BeatMercy</title>
  <base href="/">
  <meta name="viewport"
        content="width=device-width, initial-scale=1">
  <link rel="icon"
        type="image/x-icon"
        href="favicon.ico">
  <link rel="apple-touch-icon"
        sizes="144x144"
        href="assets/img/beatMercy-144x144.png">
  <link rel="apple-touch-icon-precomposed"
        sizes="144x144"
        href="assets/img/beatMercy-144x144.png">
  <meta name="apple-mobile-web-app-capable"
        content="yes">
  <style>
    .welcomeScreen {
      position: fixed;
      display: flex;
      justify-content: center;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
    }

    .intro {
      width: 100%;
      height: 100%;
      min-height: 360px;
      position: absolute;
      background-color: #82090d;
      background: linear-gradient(0deg, #82090d, #ED213A);
    }

    .logo {
      position: absolute;
      top: 30vh;
      margin-left: auto;
      margin-right: auto;
      animation: show 1s ease-out;
    }

    .logo img {
      display: block;
      max-width: 150px;
      margin-left: auto;
      margin-right: auto;
    }

    .top {
      position: absolute;
      top: 55vh;
      display: flex;
      flex-flow: column;
      justify-content: center;
      color: #fff;
    }

  </style>
</head>

<body>
  <app-root>
    <!-- 开屏过渡 -->
    <div class="welcomeScreen">
      <div class="intro">
      </div>
      <div class="top">
        <img style="width: 120px;margin: 0 auto;"
             src="./assets/img/logo.png">
        <p style="color:#eee; text-align: center; font-size: 9px;">
          党务管理系统
        </p>

      </div>
      <div class="logo">
        <img src="assets/img/league-badge.png">
      </div>
    </div>
  </app-root>
</body>

</html>
